﻿@{
    ViewBag.Title = "Index";
}

<div class="center pad-5 border-eee">
    <img src="/Content/img/youarehere_1pagecheckout.gif" />
</div>
<hr class="space" />
<div>
    <div id="address" class="span-12">@Html.Partial("_Address","SelectBilling")</div>
    <div id="address" class="span-12 last">@Html.Partial("_Address","SelectShipping")</div>
    <table class="clear">
    <!--caption>My Shopping Cart</caption-->
        <thead>
            <tr>
                <th width="600">Product</th>
                <th>Qty</th>
                <th>Each</th>
                <th>Total</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod1.jpg" /></div> Luminous Primer Vitamins + Antioxidants With Resveratrol</td>
                <td>2</td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
            </tr>
            <tr>
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod2.jpg" /></div> Luminous Primer Vitamins + Antioxidants With Resveratrol</td>
                <td>2</td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
            </tr>
            <tr>
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod3.jpg" /></div> Luminous Primer Vitamins + Antioxidants With Resveratrol</td>
                <td>2</td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
            </tr>
            <tr>
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod4.png" /></div> Luminous Primer Vitamins + Antioxidants With Resveratrol</td>
                <td>2</td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
            </tr>
            <tr>
                <td colspan="3" style="text-align:right;">
                    <label>Tax: </label>
                </td>
                <td>
                    $5.00
                </td>
            </tr>
            <tr>
                <td colspan="3" style="text-align:right;"><b>Total:</b></td>
                <td><b class="red">$208.00</b></td>
            </tr>
        </tbody>
    </table>
    <div id="selectShipping" class="span-12">
        <table class="border-none">
            <tr>
                <th colspan="2">Select Your Shipping Method:</th>
            </tr>
            <tr>
                <td>
                    <label>Shipping Method: </label>
                    <input type="radio" name="shippingMethod"/><span>UPS Worldwide Expedited - <b class="red">$25.00</b></span><br />
                    <label></label>
                    <input type="radio" name="shippingMethod" checked="checked"/><span>UPS Ground - <b class="red">Free</b></span><br />
                    <label></label>
                    <input type="radio" name="shippingMethod"/><span>USPS Worldwide Expedited - <b class="red">$25.00</b></span><br />
                    <label></label>
                    <input type="radio" name="shippingMethod" /><span>USPS Ground - <b class="red">Free</b></span><br />
                </td>
            </tr>
        </table>
    </div>
    <div id="selectShipping" class="span-12 last">
        <table class="border-none">
            <tr>
                <th colspan="2">Use Your Gift Card:&nbsp;<input type="text" style="width:120px;" value="8095391975356"/></th>
            </tr>
            <tr>
                <td>
                    <b>Card Balance :</b>&nbsp;$<input type="text" style="width:50px;" value="20.00"/>
                </td>
                <td>
                    <b>Use :</b>&nbsp; -$<input type="text" style="width:50px;" value="20.00"/>
                </td>
            </tr>
            <tr>
                <th colspan="2">Use Your Store Credit :</th>
            </tr>
            <tr>
                <td>
                    <b>Your Balance :</b>&nbsp;$<input type="text" style="width:50px;" value="20.00"/>
                </td>
                <td>
                    <b>Use :</b>&nbsp; -$<input type="text" style="width:50px;" value="20.00"/>
                </td>
            </tr>
            <tr>
                <td class="middle">
                    <b class="red" style="font-size:2em;">Total :</b>
                </td>
                <td class="middle">
                    <b class="red" style="font-size:2em;">$238.00</b>
                </td>
            </tr>
            <tr>
                <th colspan="2">Select Your Payment Method:</th>
            </tr>
            <tr>
                <td colspan="2" class="center">
                    <input type="radio" checked="checked" name="payMethod"/>
                    <img src="/Content/img/paypal.jpg" />&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="payMethod"/>
                    <img src="/Content/img/visa_master_amex.jpg" />
                </td>
            </tr>
            <tr>
                <td class="center" colspan="2">
                    <a href="Receipt"><img src="/Content/img/btn_1pagec_placeorder.gif" /></a>
                </td>
            </tr>
        </table>
    </div>
</div>